$--colors: (
  'primary': (
    'base': #409eff
  ),
  'success': (
    'base': #67c23a
  ),
  'warning': (
    'base': #e6a23c
  ),
  'danger': (
    'base': #f56c6c
  ),
  'error': (
    'base': #f56c6c
  ),
  'info': (
    'base': #909399
  )
);

// 只有修改了命名空间主题色修改才生效，如果是默认的el，主题色不生效
@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
  $namespace: 'ep'
);
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: $--colors
);

@use './dark.scss';

// -----以下内容为全局覆盖变量
:root {
  --ep-menu-base-level-padding: 16px;
  --ep-border-radius-base: 2px;
}

// -----以下内容为自定义颜色变量，命名规则已sy开头.记得在dark.scss中配置相应的暗色模式颜色
:root {
  --ep-menu-bg-color: #2f313c;
  --ep-menu-text-color: #ffffff;
  --ep-menu-active-color: #ffffff;
  --ep-menu-hover-bg-color: #315282;

  --xy-menu-active-bg: #3a428b;
  --xy-menu-active-border: #5464ff;
  --xy-menu-inline-bg: #252630;
  --xy-sider-bg: #3aa1a2;
  --xy-sider-func-bg: #252630;
}
